<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <title>准易地图3D视角</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/travel-common.css">
    <link rel="stylesheet" href="./css/travel3.css">
</head>

<body>
    <div class="bg">
        <!-- 搜索定位 -->
        <div class="search">
            <form action="">
                <span class="glyphicon glyphicon-search"></span>
                <input type="text" placeholder="搜索想要去的地方...">
            </form>
        </div>
        <!-- 侧边视角定位 -->
        <div class="per">
            <a href="#">2D</a>
            <a href="./travel-3d.html">3D</a>
            <a href="#">全景</a>
        </div>
        <!-- 交通工具类型导航定位 -->
        <div class="car">
            <a href="./travel-nav.html">
                <div class="pic"></div>
                <span>定位</span>
            </a>
            <a href="#">
                <div class="pic"></div>
                <span>出租车</span>
            </a>
            <a href="#">
                <div class="pic"></div>
                <span>公交车</span>
            </a>
            <a href="./travel-ditie.html">
                <div class="pic"></div>
                <span>地铁</span>
            </a>
        </div>
        <!-- 底部导航定位 -->
        <div class="bottom">
            <a href="./index-rem.html" class="nav"><img src="./images/UI图标4.png" alt=""><span>主页</span></a>
            <a href="#" class="nav"><img src="./images/UI图标2.png" alt=""><span>主页</span></a>
            <a href="#" class="nav"><img src="./images/UI图标6.png" alt=""><span>主页</span></a>
        </div>
    </div>
</body>

</html>